<template>
	<view>
		<view class="fl jcc c-box-nobg">
			<h3>{{detail.title}}</h3>
		</view>
	<view class="c-box-nobg ">
		<u-image :src="$http+detail.cover" height="300rpx" width="100%"></u-image>
	</view>
	<view class="c-box-nobg fs26">
		<u-parse :content="detail.content" :domain="$http"></u-parse>
	</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import { getDetailAPI } from '../../api';
import {onLoad} from '@dcloudio/uni-app'
	const id = ref()
	const detail =ref({})
	const getDetail =async()=>{
		const res =await getDetailAPI(id.value)
		console.log(res);
		detail.value =res.data
	}
	onLoad((options)=>{
		id.value =options.id
		getDetail()
	})
</script>

<style>

</style>
